<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>东方购物</title>
	<meta name="keywords" content="东方电视购物,积分,全国免费配送,全国免费退换,部分商品当天配送,MB,MARIE BONNE,GENIA,时装周,上海时装周,双十一、11.11、双11、5折、半价、第二件半价、加价购" />
	<meta name="description" content="全国免费配送，全国免费退换，促销，团购，部分商品当天配送，周末暴杀，今日特卖 。" />
<link rel="stylesheet" type="text/css" href="../css/reset.css">
<link rel="stylesheet" type="text/css" href="../css/details.css">
</head>
<body>
	<!-- 头部 -->
	<div class='header'>
		<div class='top'>
			<div class="wrapper">
				<div class="top-left">
					<div class="login left" >
				        <span calss="top-welcome">欢迎光临 OCJ.COM.CN</span>
				        <span><a href="login.html">登录</a></span>
				        <span><a href="registor.html">注册</a></span>
				        <span>送货至:</span>
				    </div>
				    <div class="admin"  style="display: none;">
				        <span class="nicheng"></span>
				        <span><a href="javascript:;">退出</a></span>
				        <span>送货至:</span>
				    </div>				
				</div>
				<div class="top-right right">
					<div class="my_shop">
						<div>	
							<span class="hiconfont"></span>
							<a href="#">我的购物</a>
							<span class="icon-arr icon-arrow-down8"></span>
						</div>
						<ul>
							<li><a href="#"></a></li>
							<li><a href="#">订单查询</a></li>
							<li><a href="#">积分查询</a></li>
							<li><a href="#">抵用券查询</a></li>
							<li><a href="#">我的收藏</a></li>
							<li><a href="#">修改信息</a></li>
						</ul>
					</div>
					<div>
						<span class="hiconfont"></span>
						<a href="#">顾客中心</a>				
					</div>
					<div>
						<span class="hiconfont"></span>
						<a href="#">移动版</a>					
					</div>
					<div>
						<span class="hiconfont"></span>
						<a href="#">TV版</a>						
					</div>
					<div class="weixin">
						<div>
							<span><img src="http://www.ocj.com.cn/common/webpc/image/common/topimg5.png" alt=""></span>
							<a href="#">微信</a>	
						</div>
						<span class="bg_box"></span>
						<div class="weixin_erweima">
							<p>扫一扫二维码,关注我们</p>
							<img src="https://cdnimg.ocj.com.cn/image_site/shop/conts/8021/6741/9905/11128/1_20170904091940_98.jpg" alt="微信二维码">			
						</div>				
					</div>
				</div>
			</div>	
		</div>
		<div class="buttom">		
			<div class="wrapper">
				<h1 class="logo left">
					<a href="index.html"><img src="https://cdnimg.ocj.com.cn/common/webpc/image/tiplogo/cplogo0.png"></a>
				</h1>	
				<a href="#" class="left"><img src="https://www.ocj.com.cn/image_site/shop/conts/8021/6741/9903/11464/1_20180511180615_9.jpg" ></a>
				<div class="search left">
					<div class="search_bar">
						<form action="" method="get">
							<input type="text" name="search" class="left">
							<button class="left">搜索</button>
						</form>					
					</div>
					<div class="hotbot">
						<ul>
							<li>
								<a href="http://www.ocj.com.cn/event/G/12573?domain_id=8021_6741_9904_1_11475_WASTE">新潮澎湃</a>
							</li>
							<li>
								<a href="http://www.ocj.com.cn/event/G/9520?domain_id=8021_6741_11361_1_13318_WASTE">健康"本"该这样</a>
			        		</li>
							<li>
								<a href="http://www.ocj.com.cn/event/G/13218?domain_id=8021_6741_11361_1_13318_WASTE">无印良品新品</a>
							</li>
							<li>
								<a href="http://www.ocj.com.cn/event/G/13217?domain_id=8021_6741_11361_1_13318_WASTE">春游美食辑</a>
							</li>
						
						</ul>
						<div>
							<span></span>
							<a href="http://www.ocj.com.cn/catalog/rank">排行榜销售</a>
						</div>
					</div>
				</div>
				<div class="shop-cart left">
					<a href="cart.html">
						<span class="cart_num"></span>
						<img src="../img/cart.png" alt="">
						购物车
					</a>
				</div>
				<div class='left'>
					<a href="#"><img src="https://cdnimg.ocj.com.cn/image_site/shop/conts/8021/6741/9941/11267/1_20180518104258_51.jpg" alt=""></a>	
				</div>
			</div>
		</div>
	</div>
	<div class="nav">
		<div class="wrapper">
			<div class="goods_category left"><a href="#">全部商品分类</a></div>
			<ul class="left">
				<li><a href="#">首页</a></li>
				<li><a href="#">TV购物</a></li>
				<li><a href="#">团购</a></li>
				<li><a href="#">全球购</a></li>
				<li><a href="#">商城</a></li>
				<li><a href="#">特惠活动</a></li>
				<li><a href="#">会员俱乐部</a></li>
				<li><a href="#">企业官网</a></li>
			</ul>
		</div>
	</div>
	<div class="main">
		<div class="wrapper">
			<ul class="nav_input clear">
				<li><a href="index.html">首页</a></li>
				<li class="jiantou"> > </li>
				<li>
					<div class="search">
							<dl>
								<dt>化妆品、洗护沐浴</dt>
							</dl>
						<ul class="sub">
							<li><a href="#">厨房用品、厨房电器</a></li>
							<li><a href="#">家居、家饰</a></li>
							<li><a href="#">食品饮料</a></li>
							<li><a href="#">手机、数码、电脑</a></li>
							<li><a href="#">家用电器</a></li>
							<li><a href="#">化妆品、洗护沐浴</a></li>
							<li><a href="#">服装、鞋靴、箱包、配饰</a></li>
							<li><a href="#">母婴、玩具、宠物</a></li>
							<li><a href="#">珠宝、收藏、钟表</a></li>
							<li><a href="#">保健品、运动户外、器械</a></li>
							<li><a href="#">汽车、旅游、保险、服务</a></li>
						</ul>
					</div>
				</li>
				<li class="jiantou">&nbsp>&nbsp</li>
				<li>
					<div class="search">
							<dl>
								<dt>面部护理</dt>
							</dl>
						<ul class="sub">
							<li><a href="#">厨房用品、厨房电器</a></li>
							<li><a href="#">家居、家饰</a></li>
							<li><a href="#">食品饮料</a></li>
							<li><a href="#">手机、数码、电脑</a></li>
							<li><a href="#">家用电器</a></li>
							<li><a href="#">化妆品、洗护沐浴</a></li>
							<li><a href="#">服装、鞋靴、箱包、配饰</a></li>
							<li><a href="#">母婴、玩具、宠物</a></li>
							<li><a href="#">珠宝、收藏、钟表</a></li>
							<li><a href="#">保健品、运动户外、器械</a></li>
							<li><a href="#">汽车、旅游、保险、服务</a></li>
						</ul>
					</div>
				</li>
				<li class="jiantou"> > </li>
				<li>
					<div class="search">
							<dl>
								<dt>隔离防晒</dt>
							</dl>
						<ul class="sub">
							<li><a href="#">厨房用品、厨房电器</a></li>
							<li><a href="#">家居、家饰</a></li>
							<li><a href="#">食品饮料</a></li>
							<li><a href="#">手机、数码、电脑</a></li>
							<li><a href="#">家用电器</a></li>
							<li><a href="#">化妆品、洗护沐浴</a></li>
							<li><a href="#">服装、鞋靴、箱包、配饰</a></li>
							<li><a href="#">母婴、玩具、宠物</a></li>
							<li><a href="#">珠宝、收藏、钟表</a></li>
							<li><a href="#">保健品、运动户外、器械</a></li>
							<li><a href="#">汽车、旅游、保险、服务</a></li>
						</ul>
					</div>
				</li>
				<li class="jiantou"> > </li>
				<li>韩束(KAN＇S)</li>
			</ul>
			 <div class="particulars clear">
				<div class="title">
					<h2>
						<span class="tubiao"></span>
						玥之秘水晶防晒喷雾2+1 
					</h2> 
				</div>
			<div class="particulars_info">
					<div class="particulars_info_left left">
				        <div class="spic shuju" sid=''>
				            <img src="" alt="">
				            <div class="sf"></div>
				        </div>
				        <div class="bf shuju">
				            <img src="" alt="" class="bpic">
				        </div>
			            <div class="piclist clear">
			            	<span class="left_btn"></span>
			            	<div class="picbox clear">
			            		
				                <ul class="ulist">
				                    <li><img src="" alt=""></li>
				                    <li><img src="" alt=""></li>
				                     <li><img src="" alt=""></li>
				                    <li><img src="" alt=""></li>
				                    <li><img src="" alt=""></li>
				                    <li><img src="" alt=""></li>
				                    <li><img src="" alt=""></li>
				                </ul>
			            	</div>
			                <span class="right_btn"></span>
			            </div>  
			            <div class="line">
			            	<div class="view_image">查看图片</div>
			            </div>
				    </div>
				    <div class="particulars_info_right left">
			    		<dl class="serial_number clear">
			    			<dt class="left">商品编号</dt>
			    			<dd class="left">
			    				<span>1522-1699</span>
			    				<a href="#" class="right">计算器</a>
			    			</dd>
			    		</dl>
			    		<dl class="commodity_prices clear">
			    			<dt class="left">商品价格</dt>
			    			<dd class="left">
			    				<span class="price">￥1,680</span>
			    			</dd>
			    		</dl>
			    		<dl class="jifen xiangxi clear">
			    			<dt class="left">积　　分</dt>
			    			<dd class="left">
			    					<em></em>
			    					<span>8.93</span>
			    					<b>元 (最高积分)</b>
			    					<a href="#"></a>
			    			</dd>
			    		</dl>
			    		<dl class="complimentary xiangxi clear">
			    			<dt class="left">赠　　品</dt>
			    			<dd class="left">
			    					<b>慕典 高端定制窗帘 订金 ...</b>
			    					<a href="#"></a>
			    			</dd>
			    		</dl>
			    		<dl class="peisong clear">
			    			<dt class="left">配　　送</dt>
			    			<dd class="left">
			    				<dl >
									<dt class="dizhi">上海</dt>
								</dl>
								<ul class="peisong_sub">
									<li><a href="#">北京</a></li>
									<li><a href="#">天津</a></li>
									<li><a href="#">浙江</a></li>
									<li><a href="#">福建</a></li>
									<li><a href="#">广州</a></li>
									<li><a href="#">深圳</a></li>
								</ul>
			    			</dd>
			    		</dl>
			    		<dl class="number clear">
			    			<dt class="left">数　　量</dt>
			    			<dd class="left">
			    				<p>
			    					<span class="reduce"></span>
			    					<b class="shuliang">1</b>
			    					<em class="add"></em>
			    				</p>
			    			</dd>
			    		</dl>
			    		<div class="buy_btn clear">
			    			<span class="buy">立即购买</span>
			    			<span class="add_cart">加入购物车</span>
			    			<span class="erweima right">
			    				<a href="#" class="left">APP首购最高减200元（以下单为准）</a>
								<img src="http://image1.ocj.com.cn/item_images/upload/064083/15223959A.jpg" alt="" class="sma_erweima right">
								<img src="http://image1.ocj.com.cn/item_images/upload/064100/15221699B.jpg" class="big_erweima">
			    			</span>
			    		</div>
			    		<div class="shouhou">
			    			<img src="../img/kefu.png" alt="">
			    		</div>
				    </div>
				    <div class="pingjia left">
				    	<img src="../img/pingjia.png" alt="">
				    </div>
				</div>
			</div> 
		</div>
	</div>
	<div class="foot">
		<div class="wrapper">
			<div class="foot_top clear">
				<div class="meau left" >
					<div class="meau_list"> 
						<h4></h4>
						<ul>
							<li class="title">订购指南</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
							<li><a href="#">交换/退货</a></li>
							<li><a href="#">发票指南</a></li>
							<li><a href="#">节能补贴</a></li>
						</ul>
					</div>
					<div class="meau_list"> 
						<h4></h4>
						<ul>
							<li class="title">支付配送</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
							<li><a href="#">交换/退货</a></li>
							<li><a href="#">发票指南</a></li>
							<li><a href="#">节能补贴</a></li>
						</ul>
					</div>
					<div class="meau_list"> 
						<h4></h4>
						<ul>
							<li class="title">顾客中心</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
							<li><a href="#">交换/退货</a></li>
							<li><a href="#">发票指南</a></li>
							<li><a href="#">节能补贴</a></li>
						</ul>
					</div>
					<div class="meau_list"> 
						<h4></h4>
						<ul>
							<li class="title">会员社区</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
							<li><a href="#">交换/退货</a></li>
						</ul>
					</div>
					<div class="meau_list"> 
						<h4></h4>
						<ul>
							<li class="title">特色服务</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
							<li><a href="#">交换/退货</a></li>
							<li><a href="#">发票指南</a></li>
							<li><a href="#">节能补贴</a></li>
						</ul>
					</div>
					<div class="meau_list left"> 
						<h4></h4>
						<ul>
							<li class="title">商家合作</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
						</ul>
					</div>
				</div>
				<div class="gonggao">
					<div class="notice_title">
						<h4>公告事项</h4>
						<div>
							<a href="#">节目状况</a>
						</div>
						<p class="more">更多</p>
					</div>
					<div class="notice_pic"><a href="#"><img src="../img/1_20150814190801_94.jpg" alt=""></a></div>
					<div class="notice_pic"><a href="#"><img src="../img/1_20150814190832_60.jpg" alt=""></a></div>
				</div>
			</div>
			<div class="foot_bot">
				<img src="../img/foot-bg.png" alt="">
			</div>
		</div>
	</div>
	<script type="text/javascript" src="../script/lib/jquery.min.js"></script>
	<script type="text/javascript" src="../script/lib/jquery.cookie.js"></script>
	<script type="text/javascript" src="../script/js/detailsDATA.js"></script>
	<script type="text/javascript" src="../script//js/details.js"></script>
</body>
</html>